<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <title>呼叫云</title>
    <link rel="shortcut icon" href="../img/logox_circle.png">
    <link rel="stylesheet" href="../css/pintuer.css">
    <link rel="stylesheet" href="../css/admin.css">
	<script src="../js/jquery-1.11.0.min.js"></script> 
	<script src="../js/fenye.js"></script>
	<script src="../js/config.js"></script>
	<script>
		$(function(){
			$("#showName").val("cloud1");
		});
		//返回
		function goback(){
			var url='${url}';
			location.href=serviceConfig.business.getCallList+url;
		}
	</script>
</head>

<body>
<div class="lefter">
    <div class="logo"><a href="#" target="_blank"><img style="width:100%;" src="../img/logo3.png" alt="呼叫云后台管理系统" /></a></div>
</div>
<div class="righter nav-navicon" id="admin-nav">
    <div class="mainer">
        <div class="admin-navbar">
            <span class="float-right">
            	<span id="user_name"></span>
                <a class="button button-little bg-yellow" href="login">注销登录</a>
            </span>
            <#include "../common/head.ftl"> 
        </div>
        <div class="admin-bread">
            <ul class="bread">
                <li><a class="icon-cloud"> 业务管理</a></li>
                <li><a>通话管理</a></li>
				<li>通话详情</li>
            </ul>
        </div>
    </div>
</div>
<div class="admin">
	<a href="#" onclick="goback()"><<返回</a>
		<div class="line-big" style="margin-top:10px;">
            <div class="panel" style="width:90%;">
            	<div class="panel-head"><strong>通话详细信息</strong></div>
                <table class="table">
                    <tr>
						<td width="90" align="right">用户名：</td>
						<td width="300">${callMap.loginName}</td>
						<td width="90" align="right">姓名：</td>
						<td width="300">${callMap.name}</td>
					</tr>
					<tr>
						<td width="90" align="right">任务名称：</td>
						<td width="300">${callMap.taskName}</td>
						<td width="90" align="right">任务描述：</td>
						<td width="300">${callMap.desc}</td>
					</tr>
					<tr>
						<td width="90" align="right">客户名称：</td>
						<td width="300">${callMap.customerName}</td>
						<td width="90" align="right">客户电话：</td>
						<td width="300">${callMap.phone}</td>
					</tr>
					<tr>
						<td width="90" align="right">呼叫方向：</td>
						<td width="300">${callMap.direction}</td>
						<td width="90" align="right">动作：</td>
						<td width="300">${callMap.operationStr}</td>
					</tr>
					<tr>
						<td width="90" align="right">呼入电话：</td>
						<td width="300">${callMap.callingNumber}</td>
						<td width="90" align="right">呼出电话：</td>
						<td width="300">${callMap.calledNumber}</td>
					</tr>
					<tr>
						<td width="90" align="right">开始时间：</td>
						<td width="300">${callMap.beginTime}</td>
						<td width="90" align="right">结束时间：</td>
						<td width="300">${callMap.endTime}</td>
					</tr>
					<tr>
						<td width="90" align="right">通话时长：</td>
						<td width="300">${callMap.duration}</td>
						<td width="90" align="right">通话费用：</td>
						<td width="300">${callMap.cost}</td>
					</tr>
					<tr>
						<td width="90" align="right">通话状态：</td>
						<td width="300">${callMap.statusStr}</td>
						<td width="90" align="right">通话失败原因：</td>
						<td width="300">${callMap.failedCauseStr}</td>
					</tr>
					<tr>
						<td width="90" align="right">创建时间：</td>
						<td width="300">${callMap.createTime}</td>
						<td width="90" align="right">修改时间：</td>
						<td width="300">${callMap.updateTime}</td>
					</tr>
					<tr>
						<td width="90" align="right">备注：</td>
						<td width="300">${callMap.remark}</td>
						<td width="90" align="right">通话录音：</td>
						<td width="300"><audio src="${callMap.voiceRecording}" controls="controls"></audio></td>
					</tr>
				</table>
            </div>	
    </div>
</div>
</body>
</html>